<!-- 通用CSS -->
<head th:fragment=header(title)>
	<meta charset="utf-8">
	<title th:text="${title}"></title>
	<meta name="keywords" th:content="${keywords}">
	<meta name="description" th:content="${description}">
	<meta name="author" content="Ruoyi-Site">
	<meta http-equiv="Content-Type" content="text/html;charset=utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
	<meta name="viewport" content="width=device-width, initial-scale=1.0,user-scalable=0,minimal-ui">
	<meta name="format-detection" content="telephone=no">
	<meta name="renderer" content="webkit">
	<link th:href="@{/default/css/font-awesome.min.css}" rel="stylesheet"/>
	<link th:href="@{/default/css/animate.min.css}" rel="stylesheet"/>
	<link th:href="@{/default/css/swiper.min.css}" rel="stylesheet"/>
	<link th:href="@{/default/css/base.css}" rel="stylesheet"/>
	<link th:href="@{/default/css/style.css}" rel="stylesheet"/>

	<script th:src="@{/default/js/jquery-3.5.0.min.js}"></script>
	<script th:src="@{/default/js/basic.js}"></script>
	<script th:src="@{/default/js/script.js}"></script>
	<script th:src="@{/default/js/swiper.min.js}"></script>

</head>

<!-- 通用JS -->
<div th:fragment="footer">
	<footer>
		<div class="bg-bo">
			<div class="container">
				<div class="row">
					<div class="col-md-3 col-sm-6">
						<div class="row">
							<ul class="col-md-6 col-sm-6 col-xs-6 institute">
								<th:block th:each="nav,status : ${navList}">
									<li th:if="${nav.position == 'bottom'}">
										<a th:href="${nav.uri}" th:target="${nav.target}">[[${nav.title}]]</a>
									</li>
									<th:block th:if="${status.size > 4 && status.count == 4}">
							</ul>
							<ul class="col-md-6 col-sm-6 col-xs-6 institute">
									</th:block>
								</th:block>
							</ul>
						</div>
					</div>
					<div class="col-md-6 col-sm-6 text-center line-height-10 foot-img"><img src="/default/images/1041298398.png"></div>
					<div class="col-md-3 wecahat">
						<ul class="row">
							<li>
								<a href="#"><img src="/default/images/icon1.png"></a>
								<div class="icon1"><img src="/default/images/weib.jpg"></div>
							</li>
							<li>
								<a href="#"><img src="/default/images/icon2.png"></a>
								<div class="icon2"><img src="/default/images/weib.jpg"></div>
							</li>
							<li>
								<a href="#"><img src="/default/images/icon3.png"></a>
								<div class="icon3"><img src="/default/images/weib.jpg"></div>
							</li>
						</ul>
					</div>
				</div>
			</div>
		</div>
		<div class="black-bg">
			<div class="container padding-top-20 line-height-2">
				<div class="compress">
					<div class="float-left display-die">
						<img src="/default/images/shi.png">
					</div>
					<div class="text-grayLight text-center">
						<span class="display-die">Copyright &copy; 2024 [[${orgName}]]  All Rights Reserved [[${orgAddress}]]<a href="javascript:;"><img src="/default/images/biao.gif"></a></span>
						<p class="copyright">[[${orgLinks}]]  <img src="/default/images/an.png"><a href="javascript:;" target="_blank">备案号：[[${beian}]]</a></span></p>
					</div>
				</div>
			</div>
		</div>
	</footer>
	<!--pc端固定客服-->
	<div class="service-online display-die">
		<!--QQ-->
		<a class="btn" title="点击这里给我发消息" href="javascript:;">
			<img src="/default/images/fix1.png">
			<div class="content-right ycdh2">
				<img src="http://t10391.mbdemo.18inter.com/Templates/T10391/images/arrow-s.png" class="arrow">
			</div>
		</a>
		<!--二维码-->
		<a href="" class="btn">
			<img src="/default/images/fix2.png">
			<div class="content-right fkf-item-right-ewm ycdh3">
				<img src="/default/images/jiao.png" class="arrow">
				<div class="right-content-ewm">
					<div class="ewm">
						<div class="tupian">
							<img src="/default/images/weib.jpg">
						</div>
						<p>手机扫一扫</p>
					</div>
				</div>
			</div>
		</a>
		<!--置顶-->
		<div class="btn" title="返回顶部" id="gotoTopding1">
			<img src="/default/images/fix3.png">
		</div>
	</div>

	<!--手机端固定-->
	<div class="bg-bottgray position-fixed bott-fixed phoblack">
		<ul class="text-center backsame">
			<li class="col-xs-4">
				<a href="">
					<i class="fa fa-home"></i>
					<span>首页</span>
				</a>
			</li>
			<li class="col-xs-4">
				<a href="javascript:;">
					<i class="fa fa-qq"></i>
					<p class="text-white font-size-12">联系我们</p>
				</a>
			</li>
			<li class="col-xs-4">
				<div id="gotoTopding" class="curpointer">
					<a href="#">
						<i class="fa fa-caret-square-o-up"></i>
						<span>置顶</span>
					</a>
				</div>
			</li>
		</ul>
	</div>
	<script type="text/javascript">
		var $body = $("html,body");
		var $document = $(document);
		var $window = $(window);
		var $header;
		$(function () {
			$("#gotoTopding,#gotoTopding1").on("click", function () {
				$body.animate({ "scrollTop": 0 });
			});
		});
	</script>

</div>


<!-- 通用顶部 -->
<div th:fragment="top">
	<div class="top-bg">
		<div class="display-die topbar">
			<div class="container">
				<div class="float-left top-left">
					<ul>
						<th:block th:each="nav : ${navList}">
						<li th:if="${nav.position == 'top'}">
							<a th:href="${nav.uri}" th:target="${nav.target}">[[${nav.title}]]<span>|</span></a>
						</li>
						</th:block>

					</ul>
				</div>
				<div class="float-right">
					<div class="float-lg-right souborder">
						<input type="text" name="keywprds" placeholder="请输入关键字" class="searchbox-txt ui-autocomplete-input padding-left-14">
						<div class="float-right searchbox-btn"><img src="/default/images/searchox.png"></div>
					</div>
					<script>
						$searchboxTxt = $(".searchbox-txt");
						$searchboxBtn = $(".searchbox-btn");
						$searchboxBtn.click(function () {
							if ($searchboxTxt.val()!= "") {
								location.href = "/ss/?kw=" + $searchboxTxt.val();
							}
						})
					</script>
				</div>

			</div>
		</div>
		<div class="header clearfix">
			<div class="container determine">
				<div class="float-lg-left pclogo">
					<a class="logo display-die" href="">
						<img src="/default/images/logo.png">
					</a>
					<span class="hidden-md">[[${orgName}]]</span>
				</div>
				<div class="mask-bg" id="maskBg"> <i class="fa fa-close cha text-white font-size-30"></i></div>
				<span class="nav-toggle hidden-lg" id="navToggle"><i class="fa fa-bars text-white"></i></span>
			</div>
		</div>
	</div>

</div>


<!-- 中间导航 -->
<div th:fragment="navigation">
	<div class="menu-bg">
		<div class="container">
			<div class="nav text-right col-md-right" id="navMenu">
				<ul>
					<li data-id="22"><a href="">首页</a></li>
					<li data-id="45"><a href="index9.html">学校概况</a><ul>
						<li data-id="227"><a href="index10.html">学校简介</a></li>
						<li data-id="228"><a href="index11.html">现任领导</a></li><li data-id="229"><a href="index12.html">校史回顾</a></li>
						<li data-id="230"><a href="index13.html">校园风光</a></li><li data-id="231"><a href="index14.html">学校宣传片</a></li>
					</ul></li><li data-id="46"><a href="index15.html">人才培养</a><ul>
					<li data-id="232"><a href="index1.html">普通高职教育</a></li><li data-id="233"><a href="index16.html">成人教育</a></li>
					<li data-id="234"><a href="index17.html">安全培训</a></li><li data-id="235"><a href="index2.html">教学工作</a></li>
					<li data-id="236"><a href="index3.html">学生工作</a></li><li data-id="237"><a href="index4.html">精品课程</a></li>
					<li data-id="238"><a href="index18.html">技能鉴定</a></li></ul></li><li data-id="167">
					<a href="index19.html">机构设置</a><ul><li data-id="239"><a href="index19.html">机构设置</a></li>
					<li data-id="170"><a href="index20.html">公告信息</a></li><li data-id="201"><a href="index5.html">媒体关注</a></li>
					<li data-id="186"><a href="index21.html">视频新闻</a></li><li data-id="240"><a href="index6.html">招标公示</a></li>
					<li data-id="241"><a href="index22.html">网事快递</a></li><li data-id="242"><a href="index23.html">工作周历</a></li>
					<li data-id="243"><a href="index24.html">公共服务</a></li></ul></li><li data-id="47"><a href="index25.html">招生就业</a><ul><li data-id="247"><a href="index7.html">招生信息网</a></li><li data-id="248"><a href="index8.html">就业信息网</a></li></ul></li><li data-id="168"><a href="index26.html">教师队伍</a><ul><li data-id="249"><a href="index27.html">师资概况</a></li><li data-id="250"><a href="index28.html">专业带头人</a></li><li data-id="251"><a href="index29.html">人才引进</a></li></ul></li><li data-id="222"><a href="index30.html">科技研究</a><ul><li data-id="252"><a href="index31.html">科技研究</a></li><li data-id="253"><a href="index32.html">众创空间</a></li></ul></li><li data-id="223"><a href="index33.html">学生天地</a><ul><li data-id="254"><a href="">心理健康</a></li><li data-id="255"><a href="">共青团工作</a></li><li data-id="256"><a href="">创新创业学院</a></li></ul></li><li data-id="224"><a href="index34.html">校园文化</a></li><li data-id="225"><a href="index34.html">合作交流</a></li><li data-id="226"><a href="index24.html">公共服务</a></li></ul>
			</div>
		</div>
	</div>
	<script type="text/javascript">
		var $navToggle = $("#navToggle");//手机端菜单图标
		var $maskBg = $("#maskBg");//遮挡层
		var $navMenu = $("#navMenu");
		$(".nav li[data-id='22']").addClass("active");
		$navToggle.on("click", function () {
			$maskBg.addClass("active");
			$navMenu.addClass("active");
		});
		$maskBg.on("click", function () {
			$maskBg.removeClass("active");
			$navMenu.removeClass("active");
		});
		$navMenu.children("ul").find("li").InitNav(22,22);//初始化响应式菜单
	</script>


	<style>
		.swiper-slide {text-align: center;font-size: 18px;background: #fff;display: -webkit-box;display: -ms-flexbox;
			display: -webkit-flex; display: flex; -webkit-box-pack: center;-ms-flex-pack: center; -webkit-justify-content: center;
			justify-content: center;-webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center;align-items: center;}
		.swiper-pagination-bullet {width: 12px; height: 12px;}
		.swiper-button-next {right: 80px;top: 26px;width: 20px;height: 20px;background-size: 20px 40px;}
		/*.swiper-button-next:hover{background-image: linear-gradient(to right,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);}*/

		.swiper-button-prev{left: 80px;top: 26px;width: 20px;height: 20px;background-size: 20px 40px;}
		/*.swiper-button-prev:hover{background-image: linear-gradient(to right,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);}*/
		.swiper-slide img{width:100%;}
		.swiper-pagination-bullet{border:1px solid #fff;background:rgba(0, 0, 1, 0);opacity:1;}
		.swiper-pagination-bullet-active{background-color: #fff;}
		@media(min-width:1000px) { .swiper-slide img{height: 360px!important;}}
		@media(max-width:1000px) { .swiper-slide img{height: 140px!important;}.container-banner{padding-left: 0;padding-right: 0;}}
		@media(min-width:415px) and (max-width:769px){ .swiper-slide img{height: 250px!important;}}

	</style>
	<div class="bei">
		<div class="container container-banner">
			<div class="topbanner">
				<div class="swiper-container">
					<div class="swiper-wrapper">
						<div class="swiper-slide">
							<img src="/default/images/banner-1.jpg">
						</div>
						<div class="swiper-slide">
							<img src="/default/images/banner-2.jpg">
						</div>
					</div>
					<!-- Add Pagination -->
					<div class="swiper-pagination"></div>
					<!-- Add Arrows -->

				</div>
			</div>
		</div>
	</div>
	<script>
		var swiper = new Swiper('.swiper-container', {
			loop: true,
			centeredSlides: true,
			autoplay: {
				delay: 3000,
				disableOnInteraction: false,
			},
			pagination: {
				el: '.swiper-pagination',
				clickable: true,
			},
			navigation: {
				nextEl: '.swiper-button-next',
				prevEl: '.swiper-button-prev',
				clickable: true,
			},
		});
	</script>

</div>


<!-- 小导航 -->
<div th:fragment="breadcrumb">
	<div>
		<ul class="breadcrumb">
			<li><a href="/"><span class="fa fa-home"> 首页</span></a></li>
			<li th:if="${parent != null}"><a th:href="${'nav-'+navId+'-'+parent.id+'.html'}" th:text="${parent.title}"></a></li>
			<li><a href="" th:text="${catalog.title}"></a></li>
		</ul>
	</div>
</div>



<!-- 右侧 -->
<div th:fragment="right">

	<div class="col-md-3">
		<div class="images">
			<a href="#" class="images1"> 图片新闻<span>Picture news</span></a>
			<a href="" class="images2">更多 ></a>
		</div>
		<ul class="bea-crux images-list padding-top-40">
			<li class="text-center">
				<a href="1333.html" target="_blank"><img src="static/picture/0934455372.jpg" alt="中国**摘得捷克动画电影节较佳广告金奖" class="guding-ing"></a>
				<a href="1333.html" target="_blank" class="card1 bea-span" title="中国**摘得捷克动画电影节较佳广告金奖">
					中国**摘得捷克动画电影节较佳广告金奖
				</a>
			</li>
		</ul>
		<div class="images3">
			<a href="#">推荐热点<span>Hot</span></a>
		</div>

		<div class="H-info">
			<ul>
				<li th:each="top : ${recommendList}">
					<div class="C-box">
						<div class="R-box"></div>
						<div class="F-box">
							<div class="S-box"></div>
							<div class="Ss-box"></div>
							<p>[[${#dates.format(top.createTime, 'yyyy-MM-dd')}]]</p>
						</div>
					</div>
					<p class="fuwu card1"><a th:href="${'view-'+navId+'-'+top.id+'.html'}" th:text="${top.title}"></a></p>
				</li>
			</ul>
		</div>
	</div>
</div>



<!-- 页面社交分享 -->
<div th:fragment="share">
	<div class="row window">
		<div class="col-md-6 col-sm-6 col-xs-4">

		</div>
		<div class="col-md-6 col-sm-6 col-xs-8 text-right">
			<div class="bshare-custom"><a title="分享到QQ空间" class="bshare-qzone"></a><a title="分享到新浪微博" class="bshare-sinaminiblog"></a><a title="分享到人人网" class="bshare-renren"></a><a title="分享到腾讯微博" class="bshare-qqmb"></a><a title="分享到网易微博" class="bshare-neteasemb"></a><a title="更多平台" class="bshare-more bshare-more-icon more-style-addthis"></a><span class="BSHARE_COUNT bshare-share-count">0</span></div>
			<script type="text/javascript" src="static/js/buttonLite.js"></script>
			<script type="text/javascript" src="static/js/bshareC0.js"></script>
		</div>
	</div>
</div>